﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Left.aspx.cs" Inherits="Left" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>菜单</title>
    <link rel="Stylesheet" type="text/css" href="Styles/Site.css" />

    <script type="text/javascript" src="Scripts/jquery.ui/js/jquery.js"></script>

    <script type="text/javascript">
        function dispalyTree(obj,num) {
            $("#" + obj + num).slideToggle();
       }
    </script>
    <style type="text/css">
<!--
html{ scrollbar-base-color: #dbecf8; scrollbar-arrow-color: #2a8ed1; scrollbar-track-color: #bdddf2; scrollbar-3dlight-color: #2886c5; scrollbar-darkshadow-color: #2886c5;}
html { overflow:-moz-scrollbars-vertical;overflow-y:scroll; }
-->
</style>
</head>
<body class="gundong">
    <div class="main_left">
  <ul class="menu_ul">
    <%
           foreach (TarreOA.TarreOAModels.Popedom p1 in n1)
           { 
               %>
               <li class="menu_ul_li" id="f<%=p1.PopedomId %>"><div class="menu_ul_li_style" onclick="dispalyTree('s',<%=p1.PopedomId %>)"><img class="Icon" src="images/<%=p1.ImagePath %>.gif" />&nbsp;<%=p1.PopedomName %></div>
                    <ul id="s<%=p1.PopedomId %>" <%=p1.PopedomId == 1 ? "" : "style='display:none'" %>>
                        <%
                            foreach (TarreOA.TarreOAModels.Popedom p2 in n2)
                            {
                                if (p2.BaseNode == p1.PopedomId)
                                { 
                                    %>
                                        <li><div class="menu_li_list" id="t<%=p1.PopedomId %>" onclick="dispalyTree('b',<%=p2.PopedomId %>)">
                                           <%
                                               if (!p2.Url.Equals(""))
                                               { 
                                                %><img src="images/menu_arrow_single.gif" /><span class="meun_list_span"><a href="<%=p2.Url %>"  target="right"><%=p2.PopedomName%></a></span><%
                                               }
                                               else
                                               { 
                                                %><img src="images/menu_arrow_close.gif" /><span class="meun_list_span"><%=p2.PopedomName%></span><%
                                               }
                                            %>
                                            </div>
                                        
                                    <%
                               
                                        if (p2.Url.Equals(""))
                                        { 
                                          %>
                                          <ul class="menu_li_bg" id="b<%=p2.PopedomId %>">
                                          <%
                                             foreach (TarreOA.TarreOAModels.Popedom p3 in n3)
                                             {
                                                 if ((p3.BaseNode == p2.PopedomId))
                                                 {
                                                %>
                                                    <li class="menu_bg_line"><a href="<%=p3.Url %>" target="right"><%=p3.PopedomName %></a></li>
                                                <%
                                                 }
                                             }  
                                          %>
                                          </ul>
                                          <% 
                                        }
                                }
                            }   
                         %>
                         </li>
                    </ul>
               </li>
               <% 
           } 
       %>
    </ul>
</div>
</body>
</html>
